<script type="text/javascript">
<!--
	var listingProductChoiceErrorMessage = '[[Please select a Product]]';
	{literal}
	$(document).ready(function() {
		$("#listing-product-choice-form").validate({
			rules: {
				listing_package_id: "required"
			},
			errorLabelContainer: "#listing-product-choice-message",
			errorClass: "error",
			errorElement: "p",
			messages: {
				listing_package_id: listingProductChoiceErrorMessage
			}
		});
	});
	{/literal}
//-->
</script>
<h1>[[Select a Product]]</h1>
<form id="listing-product-choice-form" method="post" action="">
	{foreach from=$products_info item="product" name="products" key="contract_id" }
		<p>
			<input type="radio" value="{$contract_id}" name="product_sid" />
			<b>{$product.product_name}</b> {if $product.expired_date}([[exp: {$product.expired_date}]]){/if}
		</p>
	{/foreach}
	<input type="hidden" name="listing_id" value="{$listing_id}" />
	<input type="hidden" name="listing_type_id" value="{$listing_type_id}" />
	{if $cloneJob}<input type="hidden" name="tmp_listing_id" value="{$tmp_listing_id}" />{/if}
	<div id="listing-product-choice-message"></div>
	<p><input type="submit" value="[[Next >>:raw]]" class="button" /></p>
</form>

<div class="clr"><br/></div>
<p>[[To purchase a new product please go to the Products section of the website]]:</p>
<p><a href="{$GLOBALS.site_url}/products/" class="button"><input type="button" value="[[Products:raw]]" class="button" /></a></p>
